<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>webpack</title>
  </head>
  <body>
    <div class="box1">
      <h1>Hello css</h1>
    </div>
    <div class="box2">
      <h1>Hello less!!</h1>
      <!-- 使用字体图标 -->
      <i class="iconfont icon-jubao"></i>
      <i class="iconfont icon-anquanbaozhang"></i>
      <i class="iconfont icon-xiaoxi-zhihui"></i>
      <i class="iconfont icon-xihuan"></i>
    </div>
    <div class="box3">
      <h1>Hello sass!!</h1>
    </div>
    <div class="box4">
      <h1>Hello scss!!</h1>
    </div>
    <div class="box5">
      <h1>Hello stylus!!</h1>
    </div>
    <!-- <script src="../dist/static/js/main.js"></script> -->
    <!-- es6新增 模块加载方式，type="module" ，但是与webpack不兼容 -->
    <!-- <script src="../src/main.js" type="module"></script>  -->
  </body>
</html>
